import React from 'react';
import { Icon } from 'antd';
import { STATUS } from '../../../constants';
import styles from './index.less';

const Result = ({ type, show = false, title, content, onClick, ...rest }) => (
    <div className={styles.resultWrap} {...rest}>
        {type === STATUS.INITIAL && (
            <>
                <div className={styles.resultTitle}>{title || '请确认您的面试安排并及时接受邀请'}</div>
                <div className={styles.resultTitle} style={{ fontWeight: 'normal' }}>
                    {content || '以免错失本次面试机会'}
                </div>
            </>
        )}
        {type === STATUS.ACCEPT && (
            <>
                <div className={styles.resultTitle}>
                    <Icon type="check-circle" theme="filled" style={{ color: '#44C69D' }} />
                    {title || '已接受面试'}
                </div>
                <div className={styles.resultContent}>
                    {content || '为避免影响您后续面试，请您于面试前，尽快完善《应聘登记表》'}
                    {show && ''}
                    {/* <>
                        <br />
                        请您在面试前，填写【应聘登记表】完善个人信息，谢谢！
                    </> */}
                </div>
            </>
        )}
        {type === STATUS.REFUSE && (
            <>
                <div className={styles.resultTitle}>
                    <Icon type="frown" theme="filled" style={{ color: 'rgba(0, 0, 0, 0.25)' }} />
                    {title || '已拒绝面试'}
                </div>
                <div className={styles.resultContent} style={{ color: '#858B9B' }}>
                    {content || (
                        <>
                            感谢反馈原因
                            <br />
                            期待我们之间能有更多故事
                        </>
                    )}
                </div>
            </>
        )}
        {type === STATUS.UPDATE && (
            <>
                <div className={styles.resultTitle}>
                    <Icon type="clock-circle" theme="filled" style={{ color: '#5590F6' }} />
                    {title || '面试时间待确认'}
                </div>
                <div className={styles.resultContent}>
                    {content || '已收到您反馈的可面试时间，请耐心等待HR联系，最终的面试安排将再次通过邮件通知'}
                </div>
            </>
        )}
    </div>
);

export default Result;
